<!--EnvironmentalConsultTb，ProjectalConsultTb对应编辑弹框-->
<template>
    <div class="mycontainer">
        <el-form :label-position="labelPosition" ref="form" :model="form" >
            <el-row>
                <el-col span="9">
                <el-form-item label="信息提供人：">
                    <el-input v-model="form.clueSource" :disabled="true"></el-input>
                </el-form-item>
                </el-col>
                <el-col span="9" :offset="6">
                <el-form-item label="项目前期跟踪：">
                    <el-input v-model="form.projectTrack" :disabled="true"></el-input>
                </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col span="9">
                <el-form-item label="关键因素项目成功推动：">
                    <el-input v-model="form.keyName" :disabled="true"></el-input>
                </el-form-item>
                </el-col>
                <el-col span="9" :offset="6">
                <el-form-item label="成功落地签订合同：">
                    <el-input v-model="form.contracts" :disabled="true"></el-input>
                </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col span="9">
                <el-form-item label="项目编号：">
                    <el-input v-model="form.projectCode" :disabled="true"></el-input>
                </el-form-item>
                </el-col>
                <el-col span="9" :offset="6">
                    <el-form-item label="领取编号日期：">
                    <el-input v-model="form.strProCodeGetDate" :disabled="true"></el-input>
                </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col span="9">
                <el-form-item label="业主名称：">
                    <el-input v-model="form.customerName" :disabled="true"></el-input>
                </el-form-item>
                </el-col>
                <el-col span="9" :offset="6">
                     <el-form-item label="项目名称：">
                    <el-input v-model="form.projectName" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col span="9">
                    <el-form-item label="项目进展：">
                        <el-input v-model="form.strProjectStatus" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
                <el-col span="9" :offset="6">
                    <el-form-item label="项目区域：">
                        <el-input v-model="form.areaName" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col span="9">
                    <el-form-item label="应收款（元）：">
                        <el-input v-model="form.strBackAmount" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
                <el-col span="9" :offset="6">
                    <el-form-item label="已回款（元）:">
                        <el-input v-model="form.strReceivedAmount" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col span="9">
                <el-form-item label="合同收回情况：">
                    <el-input v-model="form.strContractGetState" :disabled="true"></el-input>
                    <!-- <el-date-picker v-model="form.contractGetState" type="date" placeholder="选择日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" style="width:100%;"></el-date-picker> -->
                </el-form-item>
                </el-col>
               <el-col span="9" :offset="6">
                    <el-form-item label="合同金额（元）：">
                        <el-input v-model="form.strContractAmount" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col span="9">
                   <el-form-item label="项目类型:">
                    <el-input v-model="form.businessType" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
                <el-col span="9" :offset="6">
                    <el-form-item label="项目经理：">
                        <el-input v-model="form.projectManager" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
             <el-row>
                <el-col span="9">
                    <el-form-item label="领取合同日期：">
                        <el-input v-model="form.strContractGetState" :disabled="true"></el-input>
                    <!-- <el-date-picker v-model="form.contractGetDate" type="date" placeholder="选择日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" style="width:100%;"></el-date-picker> -->
                    </el-form-item>
                </el-col>
                <el-col span="9" :offset="6">
                    <el-form-item label="审批部门:">
                        <el-input v-model="form.approve" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col span="9">
                    <el-form-item label="项目投资（元）:">
                        <el-input v-model="form.strEngineerInvestment" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
                <el-col span="9" :offset="6">
                    <el-form-item label="结算收入（元）:">
                        <el-input v-model="form.strSettlementIncome" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col span="9">
                    <el-form-item label="上报报批报告时间:">
                        <el-input v-model="form.strReportingTime" :disabled="true"></el-input>
                    <!-- <el-date-picker v-model="form.tenderTime" type="date" placeholder="选择日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" style="width:100%;"></el-date-picker> -->
                    </el-form-item>
                </el-col>
                <el-col span="9" :offset="6">
                    <el-form-item label="专家费（元）:">
                        <el-input v-model="form.strExpertFee" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col span="9">
                    <el-form-item label="已提计件绩效金额（元）:">
                        <el-input v-model="form.strPerformanceAmount" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
                <el-col span="9" :offset="6">
                <el-form-item label="备案情况:">
                    <el-input v-model="form.strRecordTime" :disabled="true"></el-input>
                    <!-- <el-date-picker v-model="form.recordTime" type="date" placeholder="选择日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" style="width:100%;"></el-date-picker> -->
                </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col span="9">
                <el-form-item label="结算时间:">
                    <el-input v-model="form.strSettlementTime" :disabled="true"></el-input>
                    <!-- <el-date-picker v-model="form.settlementTime" type="date" placeholder="选择日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" style="width:100%;"></el-date-picker> -->
                </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col span="24">
                <el-form-item label="备注:">
                    <el-input type="textarea" v-model="form.remark" :disabled="true"></el-input>
                </el-form-item>
                </el-col>
            </el-row>
        </el-form>
    </div>
</template>
 
<script>
export default {
  components: {},
  data () {
    return {
      labelPosition: 'top',
      form: {
        clueName: '',
        name: '',
        keyName: '',
        contracts: '',
        idGetDate: '',
        projectId: '',
        projectName: '',
        customName: '',
        contractGetDate: '',
        contractGetState: '',
        contractAmount: '',
        projectType: '',
        projectManager: '',
        projectArea: '',
        approvalDepartment: '',
        engineerInvestment: '',
        reportingTime: '',
        performanceAmount: '',
        settlementIncome: '',
        expertFee: '',
        settlementTime: '',
        receivables: '',
        paymentReceived: '',
        recordTime: '',
        projectProgess: '',
        remark: ''
      }
    }
  },
  methods: {
    dataInit (data) {
      if (data) {
        this.form = data;
        console.info(data);
      }
    }
 
  }
}
</script>
<style>
    .mycontainer {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
</style>
